<!DOCTYPE html>
<html>

<head>


    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="渠道入驻,苏e融,南京荣勋,荣勋,金融信息服务，互联网金融">
    <meta name="description" content="苏e融一站式信息咨询服务平台，不收取任何手续费，专业信息咨询顾问还将为您提供海量产品，同时客服全程一对一跟踪，为您提供优选产品和优质服务。">
    <title>专业的信息咨询服务平台-苏e融</title>
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/common.css" rel="stylesheet">
    <link href="/assets/css/global.css" rel="stylesheet">
    <link href="/assets/css/loan/productdetail.css" rel="stylesheet">
    <link href="/assets/css/loan/iconfont.css" rel="stylesheet">
    <!-- <link href="/assets/lib/layer/layer.css" rel="stylesheet"> -->
    <link rel="shortcut icon" href="http://img0.rongsue.com/images/favicon.ico?imageView2/2/w/80/h/80/interlace/1/q/100">

</head>

<body>
    <!-- nav -->
    <div class="global-nav"></div>
    <!-- /.nav -->

    <!--side-->
    <div class="pc_aside">
        <div class="aside_up">
            <a href="#top">TOP</a>
        </div>
        <div class="aside_m">服务专线
            <div class="aside_phone">400-893-0880</div>
        </div>
        <div class="aside_calc">计算器</div>
    </div>
    <!--/.side-->

    <!-- bread -->
    <div class="bread">
        <div class="bread-in">
            <a href="/">首页</a>
            <span>&gt;</span>
            <a href="/loan/product.html">借款产品</a>
            <span>&gt;</span>
            <a href="javascript:;">产品</a>
        </div>
    </div>
    <!-- bread -->

    <div class="container">
        <!-- detail -->
        <div class="row ms-controller" id="product-detail" ms-controller="product-detail">
            <div class="product-wrap">
                <div class="prod-title">
                    <span ms-text="@product.productName">-</span>
                    <span>
                        <i ms-text="@product.count">-</i>人已经成功申请</span>
                </div>
                <div class="prod-cont">

                    <div class="prod-imgwrap prodwrap-float">
                        <img ms-attr="{src: @product.imgUrl}" src="http://img0.rongsue.com/images/channel/rec-logo.png" alt="">
                    </div>

                    <div class="prod-detailwrap prodwrap-float">

                        <div class="prod-info">
                            <ul>
                                <li class="prod-text">
                                    <i class="iconfont icon-right"></i>
                                    借款额度：
                                    <span class="digit" ms-text="@product.money"></span>
                                </li>
                                <li class="prod-text">
                                    <i class="iconfont icon-right"></i>
                                    借款期限：
                                    <span class="digit" ms-text="@product.loanTime"></span>
                                </li>
                                <li class="prod-text">
                                    <i class="iconfont icon-right"></i>
                                    还款方式：
                                    <span class="digit" ms-text="@product.paymentText"></span>
                                </li>
                            </ul>
                        </div>

                        <div class="prod-info">
                            <ul>
                                <li class="prod-text">
                                    <i class="iconfont icon-right"></i>
                                    费率说明：
                                    <span class="digit">最低
                                        <b ms-text="@product.rateMinText"></b>
                                    </span>
                                </li>
                                <li class="prod-text">
                                    <i class="iconfont icon-right"></i>
                                    放款时效：
                                    <span class="digit">最快
                                        <b ms-text="@product.takeTimesText"></b>
                                    </span>
                                </li>
                                <li class="prod-text">
                                    <i class="iconfont icon-right"></i>
                                    服 务 费 ：
                                    <span class="digit" ms-text="@product.serviceFeeText"></span>
                                </li>
                            </ul>
                        </div>
                        <div class="prod-tagwrap prodwrap-float">
                            <div class="prod-tag" ms-html="@product.featuresText">
                            </div>
                            <div class="prod-free">（服务费由渠道商收取，本平台不收取任何费用）</div>
                        </div>
                    </div>
                    <div class="pulloff" ms-visible="@ispulloff"></div>
                </div>
            </div>
        </div>
        <!--/.detail-->
    </div>

    <div class="container">
        <!-- channel -->
        <div class="row">
            <div class="qudao-wrap" id="product-managers" ms-controller="product-managers">
                <div class="qudao-title">
                    <span>渠道经理</span>
                    <span ms-visible="@showMore">
                        <a ms-attr="{href: 'morechannel.html?productId='+@productId}">查看更多>></a>
                    </span>
                </div>
                <div class="qudao-box">
                    <ul>
                        <li class="qudao-cont" ms-for="item in @managers">
                            <a ms-attr="{href: 'channelInfo.html?id='+@item.managerId+'&productId='+ @productId}">
                                <img ms-attr="{ src: (@item.avatar || '/assets/images/user-default.jpg') }" src="/assets/images/product/channel.png" alt="">
                            </a>
                            <div class="qudao-detail">
                                <ul>
                                    <li>
                                        <span>
                                            <i ms-text="@item.userName.substring(0,1)"></i>*
                                            <i ms-text="@item.userName.substring(2)"></i>
                                        </span>
                                        <span>（成功
                                            <i ms-text="@item.successCount">0</i>单）</span>
                                    </li>
                                    <!-- <li>客户评价：
                                        <span class="star" ms-html="@star(@item.score)">
                                        </span>
                                    </li> -->
                                    <li class="applybtn">
                                        <a ms-click="@apply(@item.managerId)">立即申请</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- /.channel -->
    </div>

    <div class="container">
        <div class="row">
            <!-- tab选项卡 -->
            <div class="product">
                <div class="tabs-wrap">
                    <div class="row">
                        <ul class="tabs group">
                            <li>
                                <a class="active" data-ref="one">申请条件</a>
                            </li>
                            <li>
                                <a data-ref="three">用户评价</a>
                            </li>
                        </ul>
                    </div>
                    <div id="content">
                        <div id="one" class="content-wrap" ms-controller="product-detail">
                            <div class="prod-detail">

                                <div class="detail-title">申请条件</div>
                                <div class="detail-others">
                                    <div class="detail-others-title hide">具体说明：</div>
                                    <div class="detail-others-content" ms-html="@product.requirement">
                                    </div>
                                </div>
                            </div>

                            <div class="prod-detail">
                                <div class="detail-title">所需材料</div>
                                <div class="detail-material" ms-html="@product.material">

                                </div>
                            </div>
                            <!-- #end -->
                        </div>
                        <div id="three" class="content-wrap" style="text-align: center;" ms-controller="comment-list">
                            <div class="review-wrap" ms-for="item in @data.rows">
                                <img ms-attr="{src: @item.avatar || '/assets/images/user-default.jpg'}" alt="">
                                <div class="review-cont">
                                    <p class="name">
                                        <span ms-text="@item.userName"></span>
                                        <span class="star" style="margin-right:5px;" ms-html="@star(@item.score)">
                                        </span>
                                        <span ms-text="@diaplayTime(@item.commentTime)"></span>
                                    </p>
                                    <p ms-text="@item.content"></p>
                                </div>
                            </div>
                            <div class="paging" id="page1">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /.tab -->
        </div>
    </div>

    <div class="hr"></div>

    <div class="container" ms-controller="product-recommend">
        <!-- 相似产品 -->
        <div class="row">
            <div class="similar-wrap">
                <div class="similar-title">
                    <span>相似产品</span>
                </div>
                <ul>
                    <li class="similar-cont" ms-for="item in @data.rows">
                        <a ms-attr="{href: '/loan/productdetail.html?id='+@item.id}">
                            <div class="similar-float similar-imgwrap">
                                <img ms-attr="{src: @imgUrl(@item)}" src="/assets/images/demo-assess.png" alt="">
                            </div>
                            <div class="similar-float similar-detailwrap">
                                <ul>
                                    <li ms-text="@productName(@item)"></li>
                                    <li>利息：
                                        <span ms-text="@item.rateMin"></span>%
                                    </li>
                                    <li>
                                        <span ms-text="@item.count"></span>人申请成功</li>
                                </ul>
                            </div>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
        <!-- /.相似产品 -->
    </div>

    <!-- 计算器 -->
    <div class="dialog" style="display: none;" id="dialog">
        <div class="calculator">
            <div class="cal-title">
                借款计算器
                <span>算算我的借款偿还能力</span>
            </div>
            <div class="cal-close" id="close-btn">
                <i class="iconfont icon-chahao"></i>
            </div>
            <div class="cal-body">
                <form id="calculator" onsubmit="return false;">
                    <div class="calc-cont">
                        <div>
                            <span class="key">
                                <label for="name">借款金额</label>
                            </span>
                            <input type="text" id="cal_money" value="500" name="cal_money" placeholder="输入借款金额">
                            <span class="unit">万元</span>
                        </div>
                        <div>
                            <span class="key">
                                <label for="name" class="">借款期限</label>
                            </span>
                            <input type="text" id="cal_month" name="cal_month" value="12" placeholder="输入借款期限">
                            <span class="unit">月</span>
                        </div>
                    </div>

                    <div class="calc-cont">
                        <div>
                            <span class="key">
                                <label for="sex" class="ontrol-label">还款方式</label>
                            </span>
                            <select name="cal_type" id="cal_type" placeholder="请选择还款方式" class="dropdown">
                                <option value="1">等额本息</option>
                                <option value="2">等额本金</option>
                                <option value="3">先息后本</option>
                                <option value="4">一次还本付息</option>
                            </select>
                        </div>
                        <div>
                            <span class="key">
                                <label for="name">月利率</label>
                            </span>
                            <input type="text" value="0.5" id="cal_rate" name="cal_rate" placeholder="输入月利率">
                            <span class="unit">%</span>
                        </div>
                    </div>

                    <div class="calc-cont">
                        <div>
                            每月还款：
                            <span id="cal_month_money">-</span> 元
                        </div>
                        <div>
                            总利息：
                            <span id="cal_interest_money">-</span> 元
                        </div>
                        <div>
                            本息合计：
                            <span id="cal_all_money">-</span> 元
                        </div>
                    </div>

                    <div class="row text-center mt30">
                        <a class="btn btn-primary" style="width: 200px" id="calculaterBtn">算一算</a>
                    </div>

                    <div class="text-center cal-tip mt10">*此结果仅供参考，实际情况以银行产品为准</div>
                </form>
            </div>
        </div>
    </div>
    <!--/.计算器 -->

    <!-- 立即申请：选项 -->
    <div class="dialog dialog-applyTab model-apply" style="display: none;" ms-controller="product-managers">
        <div class="applyTab-wrap">
            <div style="font-size:18px;">完善信息能让渠道快速找到您！</div>
            <div class="applyTab-close model-apply-close-btn">
                <i class="iconfont icon-chahao"></i>
            </div>
            <div class="apply-tab">
                <a class="apply-btn" ms-click="@submit()">立即申请</a>
                <a class="profile-btn" href="/my/#profile">完善资料</a>
            </div>
        </div>
    </div>

    <!-- 立即申请：立即申请 -->
    <div class="dialog dialog-apply" style="display: none;" id="applydialog">
        <div class="apply-wrap">
            <p>恭喜您申请成功，将有专属渠道经理联系您！</p>
            <div class="apply-known" id="applyclose-btn">
                <a>我知道了</a>
            </div>
        </div>
    </div>

    <div>

    </div>

    <!-- 立即申请：完善资料 -->
    <div class="dialog dialog-profile" style="display: none;" id="profiledialog">

        <div class="pro">
            <div class="profile-close" id="profile-btn">
                <i class="iconfont icon-chahao"></i>
            </div>
            <div class="col-md-6">
                <div>
                    <span>身份信息：</span>
                    <select>
                        <option>上班族</option>
                    </select>
                </div>
                <div>
                    <span>房产：</span>
                    <input type="radio" name="fc" id="fc1">
                    <label for="fc1">有房</label>
                    <input type="radio" name="fc" id="fc2">
                    <label for="fc2">无房</label>
                </div>
                <div>
                    <span>年龄：</span>
                    <input type="text" value="35">
                </div>
                <div>
                    <span>户口所在：</span>
                    <select style="width:115px">
                        <option>江苏省</option>
                    </select>
                    <select style="width:115px;margin-left:3px;">
                        <option>南京市</option>
                    </select>
                </div>
                <div>
                    <span>贷款金额：</span>
                    <select>
                        <option>10万元</option>
                    </select>
                </div>
                <div>
                    <span>贷款期限：</span>
                    <select>
                        <option>12个月</option>
                    </select>
                </div>
                <div>
                    <span>放款时效：</span>
                    <select name="">
                        <option value="">一周</option>
                    </select>
                </div>
            </div>
            <div class="col-md-6">
                <div>
                    <span>信用情况：</span>
                    <select>
                        <option>10万元</option>
                    </select>
                </div>
                <div>
                    <span>车产：</span>
                    <input type="radio" name="cc" id="cc1">
                    <label for="cc1">有车</label>
                    <input type="radio" name="cc" id="cc2">
                    <label for="cc2">无车</label>
                </div>
                <div>
                    <span>婚否：</span>
                    <input type="radio" name="hf" id="hf1">
                    <label for="hf1">已婚</label>
                    <input type="radio" name="hf" id="hf2">
                    <label for="hf2">未婚</label>
                </div>
                <div>
                    <span>月收入：</span>
                    <select>
                        <option>8000</option>
                    </select>
                </div>
                <div>
                    <span>贷款类型：</span>
                    <select>
                        <option>车押</option>
                    </select>
                </div>
                <div>
                    <span>还款方式：</span>
                    <select>
                        <option>等额本息</option>
                    </select>
                </div>
            </div>
            <div class="cb"></div>
            <a href="javascript:;" class="pro-btn">确定</a>
        </div>

    </div>

    <!-- footer -->
    <div class="global-footer"></div>
    <!-- /.footer -->
    <script data-main="/assets/js/loan/product-detail.js?v=20180523" src="//cdn.bootcss.com/require.js/2.3.5/require.min.js"></script>
    <!-- 
    <script src="//unpkg.com/avalon2@2.2.8/dist/avalon.js"></script>
    <script src="//cdn.bootcss.com/require-text/2.0.12/text.min.js"></script>
    <script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    
    <script src="/assets/lib/util.js"></script>
    <script src="/assets/js/global.js"></script>
    <script src="/assets/js/loan/productdetail.js"></script>
     -->
</body>

</html>